<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>27.工具集</title>
  <script type= "text/javascript" src="../layui-v2.7.6/layui/layui.js"></script>
  <script type="text/javascript" src="../layui-v2.7.6/layui/jquery-1.10.1.js"></script>
  <link rel="stylesheet" href="../layui-v2.7.6/layui/css/layui.css">
</head>
<body>

<div id="test"></div>
<script>
  layui.use('util', function(){
    var util = layui.util;

    //执行
    util.fixbar({
      bar1: true
      ,bar2: true
      ,click: function(type){
        console.log(type);
        if(type === 'bar1'){
          alert('点击了bar1')
        }else if (type === 'bar2'){
          layer.msg('bar2')
        }
      }
    });

    //示例
    var endTime = new Date(2099,1,1).getTime() //假设为结束日期
            ,serverTime = new Date().getTime(); //假设为当前服务器时间，这里采用的是本地时间，实际使用一般是取服务端的

    util.countdown(endTime, serverTime, function(date, serverTime, timer){
      var str = date[0] + '天' + date[1] + '时' +  date[2] + '分' + date[3] + '秒';
      layui.$('#test').html('距离2099年1月1日还有：'+ str);
    });
  });
</script>
</body>
</html>